JavaScript KiPj
jQuery găXChV[쐬B


Ke
ũAILvgbvy[WFlash XChV[ɓւB


fނ
ujQuery {́vƁuvOCv_E[hB
jQueryijquery-1.4.2.min.jsj
http://code.jquery.com/jquery-1.4.2.min.js
PluginsijQuery Cycle Pluginj
http://malsup.com/jquery/cycle/download.html


gslk\[X̕ҏW
wb_[^OɉL̃\[XLq
<script type="text/javascript" src="js/slideshow/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/slideshow/jquery.cycle.min.js"></script>
<script type="text/javascript" src="js/slideshow/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="js/slideshow/slideshow.js"></script>

{fB^OɉL̃\[XLqiFlash ̕Ɠւj
<div class="slideshow">
	<img src="images/calc.jpg" width="200" height="140" alt="" />
	<img src="images/diary.jpg" width="200" height="140" alt="" />
	<img src="images/globe.jpg" width="200" height="140" alt="" />
</div>


jquery.cycle tH_̃t@CRs[B
yRs[z
@jquery.cycle/jquery.cycle.all.min.js
@jquery.cycle/jquery.cycle.lite.min.js
@jquery.cycle/jquery.cycle.min.js
yRs[z
@statK쐬/js/slideshow/jquery.cycle.all.min.js
@statK쐬/js/slideshow/jquery.cycle.lite.min.js
@statK쐬/js/slideshow/jquery.cycle.min.js

ljQuery{̂ statK쐬/js/slideshow/ tH_ɃRs[B


ir̕ҏW
L̃\[XLqāuslideshow.jsvŕۑB
$(document).ready(function() {
$('div.slideshow').cycle({
    fx:      'scrollDown',
    speed:    833,
    timeout:  3333,
    next:   'div.slideshow',
    pause:   1
});
});

yݒez
GtFNg FXN[_E
GtFNgx F 833 ~b
摜̕\ F3333 ~b
}EXI[o[͈ꎞ~


brr̕ҏW
L̃\[Xutop.cssvɒǋLB
.slideshow {
	height: 160px;
	width: 220px;
	padding: 0;
	margin: auto;
	overflow: hidden;
}

.slideshow img {
	padding: 9px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	width: 200px;
	height: 140px;
	top: 0;
	left: 0;
}
